<script setup lang="ts">
import { defineProps, ref } from 'vue'
const props = defineProps({
  isCollect: {
    type: Boolean,
    default: false
  }
})
</script>

<template>
  <div class="block">
    <u-icon
      size="20"
      name="star-fill"
      color="#ff9800"
      v-if="props.isCollect"
    ></u-icon>
    <u-icon size="20" name="star" color="#fff" v-else></u-icon>
  </div>
</template>

<style lang="scss" scoped>
.block {
  display: inline-block;
}
</style>
